<template>
	<view>
		<view class="box">
			<view class="photo">
				<image src="../../static/desk.webp" mode=""></image>
			</view>
			<view class="info">
				<view class="name">
					{{name}}
				</view>
				<view class="describe">
					描述：{{describe}}
				</view>
				<view class="bottombox">
					<view class="price">
						￥{{price}}
					</view>
					<!-- <view class="delet"> -->
						<!-- <image src="../../static/delet.png" mode=""></image> -->
<!-- 						删除
					</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {apiGetPostByUserId} from '@/utils/request/api.js'
	export default {
		data() {
			return {
				name: '可折叠床上用小桌板afasddfa',
				describe: '毕业了用不到，准备出，七成新',
				price: '9.9'
			}
		},
		onLoad() {
			apiGetPostByUserId({
				userId:'202108764312'
			}).then(res=> {
				console.log(res);
			}).catch(err=> {
				console.log(err);
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
.box {
	display: flex;
	width: 90%;
	height: 140px;
	margin: 10px 5%;
	background-color: #f3faff;
	border-radius: 20px;
}
.photo {
	display: inline-block;
	width: 35%;
	height: 90%;
	margin: 2%;
	image {
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
}
.info {
	display: inline-block;
	width: 50%;
	height: 100%;
	margin-left: 10px;
}
.name {
	text-align: center;
	margin-top: 12px;
	font-size: 18px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.describe {
	font-size: 15px;
	color: #aeaeae;
	margin-top: 7px;
}
.bottombox {
	display: flex;
	margin: 15px 0 0 0;
	.price {
		display: inline-block;
		// float: right;
		width: 70%;
		color: rgb(255, 85, 0);
		font-size: 18px;
		margin-top: 3px;
	}
	.delet {
		display: inline-block;
		width: 20%;
		height: 30px;
		margin-left: 20px;
		color: #aeaeae;
		image {
			width: 100%;
			height: 100%;
		}
	}
	
}
</style>
